<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,minimal-ui">
	<title>北陆教育</title>
	<link rel="stylesheet" href="css/comm.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.aniview.min.js"></script>
	<script src="js/swiper-bundle.min.js"></script>
	<script src="js/menu.js"></script>
	<script src="js/index.js"></script>
	<script>
        $(document).ready(function(){
            $('.aniview').AniView();
        });
    </script>
</head>
<body>
	<header>
		<div class="Gwidth">
			<nav class="head_nav head_n_nav">
				<div class="back">
					<a href=""></a>
				</div>
				<ul>
					
					<li>
						<a href="./team.html">硕博团队</a>
					</li>
				</ul>
				<div class="menu">

				</div>
			</nav>
		</div>
		<nav class="menu_nav">
			<div class="close"></div>
			<ul>
				<li class="active">
					<a href="">首页</a>
				</li>
				<li>
					<a href="">关于我们</a>
				</li>
				<li>
					<a href="">硕博团队</a>
				</li>
				<li>
					<a href="">成功案例</a>
				</li>
				<li>
					<a href="">心理测评</a>
				</li>
				<li>
					<a href="">心理百科</a>
				</li>
				<li>
					<a href="">心理问答</a>
				</li>
				<li>
					<a href="">云课堂</a>
				</li>
				<li>
					<a href="">北陆公益</a>
				</li>
			</ul>
		</nav>
	</header>
	<!-- banner -->
	<div class="banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="img">
						<img src="./images/banner.png" alt="" srcset="">
					</div>
					<div class="content">
						<div class="cont">
							<div class="des">
								团队优势：团队均为国家二级心理咨询师以上资格，拥有丰富的专业知识，多年从业经验，团队好评率达99%
							</div>
							<a href="javascript:void(0);" class="more join">加入团队</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script> 
			var banner = new Swiper('.banner .swiper-container', {
				autoplay: 5000,//可选选项，自动滑动
			})
		</script>
	</div>
	<!-- 加入团队弹窗 -->
	<div class="join_team">
		<form action="" method="post">
			<div class="content">
				<div class="close"></div>
				<h1>加入团队</h1>
				<div class="name">
					<input type="text" name="" placeholder="请输入您的姓名">
				</div>
				<div class="phone">
					<input type="text" name="" placeholder="请输入手机号">
				</div>
				<div class="code">
					<input type="text" name="" placeholder="请输入验证码">
					<button type="button" class="join_code">获取验证码</button>
				</div>
				<button class="submit">提交</button>
			</div>
		</form>
	</div>
	<!-- 筛选 -->
	<div class="filter">
		<form action="" method="get">
			<div class="search">
				<input type="text" name="" placeholder="请输入搜索内容">
			</div>
			<div class="filter_items">
				<div class="item">
					<span>标签分类</span>
					<div class="cont">
						<div class="options">
							<a class="active" href="">全部</a>
							<a href="">小孩厌学</a>
							<a href="">小孩早恋</a>
							<a href="">小孩教育</a>
							<a href="">小孩厌学</a>
							<a href="">小孩早恋</a>
							<a href="">小孩教育</a>
						</div>
					</div>
				</div>
				<div class="item">
					<span>标签分类</span>
					<div class="cont">
						<div class="options">
							<a class="active" href="">全部</a>
							<a href="">2孩厌学</a>
							<a href="">小孩早恋</a>
							<a href="">小孩教育</a>
							<a href="">小孩厌学</a>
							<a href="">小孩早恋</a>
							<a href="">小孩教育</a>
						</div>
					</div>
				</div>
				<div class="item">
					<span>标签分类</span>
					<div class="cont">
						<div class="options">
							<a class="active" href="">全部</a>
							<a href="">3孩厌学</a>
							<a href="">小孩早恋</a>
							<a href="">小孩教育</a>
							<a href="">小孩厌学</a>
							<a href="">小孩早恋</a>
							<a href="">小孩教育</a>
						</div>
					</div>
				</div>
				<div class="item">
					<span>标签分类</span>
					<div class="cont">
						<div class="options">
							<a class="active" href="">全部</a>
							<a href="">4孩厌学</a>
							<a href="">小孩早恋</a>
							<a href="">小孩教育</a>
							<a href="">小孩厌学</a>
							<a href="">小孩早恋</a>
							<a href="">小孩教育</a>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
	<div class="team">
		<div class="Gwidth">
			<div class="n_nav">
				<a class="active" href="">专家推荐</a>
				<a href="">综合排名</a>
				<a href="">咨询量排名</a>
			</div>
		</div>
		<div class="Gwidth content">
			<div class="item">
				<div class="img">
					<a href="./team_con.html">
						<img src="./images/m.png" alt="" srcset="">
					</a>
				</div>
				<div class="user">
					<div class="lf">
						<div class="name">
							<h1>陈老师</h1>
							<div class="rz">已认证</div>
							<div class="pf">
								<img src="./images/icon/wjx.png" alt="" srcset="">
								<img src="./images/icon/wjx.png" alt="" srcset="">
								<img src="./images/icon/wjx.png" alt="" srcset="">
							</div>
						</div>
						<div class="des">国家二级心理咨询专家国家二级心理咨询专家</div>
						<div class="tag">
							擅长咨询：家庭教育、青少年问题、亲子关系、婚恋问题…
						</div>
					</div>
					<div class="lr">
						<a href="">向专家提问</a>
						<a href="">与专家通话</a>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="img">
					<img src="./images/m.png" alt="" srcset="">
				</div>
				<div class="user">
					<div class="lf">
						<div class="name">
							<h1>陈老师</h1>
							<div class="rz">已认证</div>
							<div class="pf">
								<img src="./images/icon/wjx.png" alt="" srcset="">
								<img src="./images/icon/wjx.png" alt="" srcset="">
								<img src="./images/icon/wjx.png" alt="" srcset="">
							</div>
						</div>
						<div class="des">国家二级心理咨询专家国家二级心理咨询专家</div>
						<div class="tag">
							擅长咨询：家庭教育、青少年问题、亲子关系、婚恋问题…
						</div>
					</div>
					<div class="lr">
						<a href="">向专家提问</a>
						<a href="">与专家通话</a>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="img">
					<img src="./images/m.png" alt="" srcset="">
				</div>
				<div class="user">
					<div class="lf">
						<div class="name">
							<h1>陈老师</h1>
							<div class="rz">已认证</div>
							<div class="pf">
								<img src="./images/icon/wjx.png" alt="" srcset="">
								<img src="./images/icon/wjx.png" alt="" srcset="">
								<img src="./images/icon/wjx.png" alt="" srcset="">
							</div>
						</div>
						<div class="des">国家二级心理咨询专家国家二级心理咨询专家</div>
						<div class="tag">
							擅长咨询：家庭教育、青少年问题、亲子关系、婚恋问题…
						</div>
					</div>
					<div class="lr">
						<a href="">向专家提问</a>
						<a href="">与专家通话</a>
					</div>
				</div>
			</div>
		</div>
		<a href="" class="Gmore">更多</a>
	</div>
	<!-- 底部 -->
	<footer>
		<div class="lf">
			<ul>
				<li>公司   河南北陆教育信息咨询有限公司</li>
				<li>电话   400-188-5865</li>
				<li>网址   www.beiluing.com</li>
				<li>地址   河南省郑州市金水区花园路农科路万达中心</li>
			</ul>
			<div class="bq">
				<p>版权所有@河南北陆教育信息咨询有限公司</p>
				<p>豫ICP备2020031858号</p>
			</div>
		</div>
		<div class="lr">
			<div class="item">
				<div class="img">
					<img src="./images/banner.png" alt="">
				</div>
				<h1>微信公众号</h1>
			</div>
			<div class="item">
				<div class="img">
					<img src="./images/banner.png" alt="">
				</div>
				<h1>扫码立即咨询</h1>
			</div>
		</div>
	</footer>
	<!-- 底部导航 -->
	<div class="btm_nav">
		<ul>
			<li class="active">
				<a href="tel:13373423845">一键拨号</a>
			</li>
			<li>
				<a href="">在线咨询</a>
			</li>
			<li>
				<a href="">提问求助</a>
			</li>
			<li>
				<a href="">预约专家</a>
			</li>
			<li>
				<a href="">我的</a>
			</li>
		</ul>
	</div>
	<!-- 侧栏 -->
	<div class="sidebar">
		<ul>
			<li>
				<a href="">
					<img src="./images/icon/sidebar1.png" alt="">
				</a>
			</li>
			<li class="top">
				<a href="javascript:void(0);">
					<img src="" alt="">
				</a>
			</li>
		</ul>
	</div>
</body>
</html>